<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>Armored Cars</title>
    <link rel='stylesheet' href='../res/adapter.css' />
    <link rel='stylesheet' href='<%- rootUrl %>/node_modules/font-awesome/css/font-awesome.min.css'/>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../res/adapter.js"></script>
</head>
<body class="body-nomargin">
<%- components['signhead'] ? include(components['signhead'], this) : '' %>
<div class="width-limit">
    <div id="info-board" class="padding-leftright">
        <h1>Armored Cars</h1>
        <audio controls><source src="./res/Armored Cars.mp3" type="audio/mp3" /></audio>
    </div>
</div>
<script>
$(function() {
    var ele = $('#info-board');
    ele.append('<p>express supporting</p>');
    ele.append('<p>webpack supporting</p>');
    var mordenBrowser = 'fetch' in window && 'assign' in Object;
    ele.append('<p>' + (mordenBrowser ? 'browser es6 supporting (no polyfill)' : 'babel-polyfill supporting') + '</p>');
    var isCordova = '_cordovaNative' in window;
    ele.append('<p>' + (isCordova ? 'cordova supporting' : 'web-browser supporting (no cordova)') + '</p>');
    ele.append('<p>jquery supporting</p>');
});
</script>
</body>
</html>